<template>
	<view>
		<view class="vertical_line"></view>
		<view class="information">
			<image src="@/static/logo.png"></image>
			<view>电话：</view>
			<input :disabled="ifChange" placeholder="1234567890"/>
		</view>
		<view class="vertical_line"></view>
		<view class="information">
			<image src="@/static/logo.png"></image>
			<view>QQ：</view>
			<input :disabled="ifChange" placeholder="1234567890"/>
		</view>
		<view class="vertical_line"></view>
		<view class="information">
			<image src="@/static/logo.png"></image>
			<view>微信：</view>
			<input :disabled="ifChange" placeholder="1234567890"/>
		</view>
		<view class="vertical_line"></view>
		<view class="information">
			<image src="@/static/logo.png"></image>
			<view>个性签名：</view>
			<input :disabled="ifChange" placeholder="1234567890"/>
		</view>
		<view class="vertical_line"></view>
	</view>
</template>

<script>
	export default {
		name:"UserInformation",
		data() {
			return {
				
			};
		},
		props:{
			ifChange:Boolean
		}
	}
</script>

<style>
.vertical_line{
	height: 5rpx;
	background-color: #6ba2cc;
}
image{
	height: 100rpx;
	width: 100rpx;
	margin: 10rpx;
}
.information{
	display: flex;
	flex-direction: row;
	align-items: center;
}
</style>